'use client'

import type React from 'react'
// import { LinkGrid, LinkGridProps } from '@blocks/LinkGrid/index'

// import { StyleguidePageContent } from '../../PageContent/index'

// const data: LinkGridProps = {
//   blockType: 'linkGrid',
//   linkGridFields: {
//     links: [
//       {
//         link: {
//           type: 'custom',
//           url: '/',
//           label: 'Learn about Payload’s Access Control',
//           reference: null,
//         },
//         id: '636c1ccf10f2d6ed1ab96ac0',
//       },
//       {
//         link: {
//           type: 'custom',
//           url: '/',
//           label: 'Watch a video to see how to set up multi-tenant architecture',
//           reference: null,
//         },
//         id: '636c1d0e10f2d6ed1ab96ac1',
//       },
//     ],
//   },
//   id: '636c1ca910f2d6ed1ab96abf',
// }

export const LinkGridPage: React.FC = () => {
  // Disabled until frontend work is done
  return null
  // return (
  //   <StyleguidePageContent title="Link Grid" darkModePadding darkModeMargins>
  //     <LinkGrid {...data} />
  //   </StyleguidePageContent>
  // )
}
